<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Antelope</title>
<!-- (en) Add your meta data here -->
<!-- (de) Fuegen Sie hier ihre Meta-Daten ein -->

<link href="../css/1col_grid.css" rel="stylesheet" type="text/css"/>
<!--[if lte IE 7]>
<link href="css/patches/patch_1col_grid.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<!-- skip link navigation -->
<ul id="skiplinks">
	<li><a class="skip" href="#nav">Skip to navigation (Press Enter).</a></li>
	<li><a class="skip" href="#col1">Skip to main content (Press Enter).</a></li>
</ul>

<div class="page_margins">
  <div class="page">
    <div id="header" role="banner">
      <div id="topnav" role="contentinfo">
        <a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a>
      </div>
      <h1><strong>Example | Beispiel</strong> <em>&laquo;equal height boxes&raquo;</em></h1>
      <span>YAML &#8226; (X)HTML/CSS Framework</span>
    </div>
    <div id="nav" role="navigation">
      <div class="hlist">
        <!-- main navigation: #nav_main -->
        <ul>
          <li><a href="../index.html">Table Of Contents</a></li>
          <li><a href="../07_layouts_advanced_2/fullpage_3col.html">Next Example</a></li>
          <li><a href="flexible_grids2.html">Previous Example</a></li>
        </ul>
      </div>
    </div>
    <div id="main">
      <!-- begin: #col1 - first float column -->
      <div id="col1" role="complementary">
        <div id="col1_content" class="clearfix">
         <!-- Insert your subtemplate content here -->
          <div class="subcolumns equalize box-top">
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->
                1111111111
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->
                 2222222222
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->
                 3333333333
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->
                 4444444444
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->
                5555555555
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->
                6666666666
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subc">
                <!-- Insert your subtemplate content here -->
                7777777777
                <p><a href="www.baidu.com">Morgan Inc.</a></p>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="rframe">
              <div class="subcr">
                <!-- Insert your subtemplate content here -->
                8888888888
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
          </div>
          <h3 class="hideme">Summing up</h3>
          <div class="subcolumns equalize no-ie-padding box-bottom">
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subc"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Two</span></a></div>
            </div>
            <div class="rframe">
              <div class="subcr"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Tree</span></a></div>
            </div>
          </div>

        
          <div class="subcolumns equalize box-top">
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subc">
                <!-- Insert your subtemplate content here -->
                <p><a href="www.baidu.com">Morgan Inc.</a></p>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="rframe">
              <div class="subcr">
                <!-- Insert your subtemplate content here -->
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
          </div>
          <h3 class="hideme">Summing up</h3>
          <div class="subcolumns equalize no-ie-padding box-bottom">
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subc"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Two</span></a></div>
            </div>
            <div class="rframe">
              <div class="subcr"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Tree</span></a></div>
            </div>
          </div>
          
          
          <div class="subcolumns equalize box-top">
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subc">
                <!-- Insert your subtemplate content here -->
                <p><a href="www.baidu.com">Morgan Inc.</a></p>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="rframe">
              <div class="subcr">
                <!-- Insert your subtemplate content here -->
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
          </div>
          <h3 class="hideme">Summing up</h3>
          <div class="subcolumns equalize no-ie-padding box-bottom">
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subc"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Two</span></a></div>
            </div>
            <div class="rframe">
              <div class="subcr"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Tree</span></a></div>
            </div>
          </div>
          
          
          <div class="subcolumns equalize box-top">
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subc">
                <!-- Insert your subtemplate content here -->
                <p><a href="www.baidu.com">Morgan Inc.</a></p>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="rframe">
              <div class="subcr">
                <!-- Insert your subtemplate content here -->
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
          </div>
          <h3 class="hideme">Summing up</h3>
          <div class="subcolumns equalize no-ie-padding box-bottom">
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subc"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Two</span></a></div>
            </div>
            <div class="rframe">
              <div class="subcr"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Tree</span></a></div>
            </div>
          </div>
        
        
          <div class="subcolumns equalize box-top">
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->

                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            
            <div class="lframe">
              <div class="subc">
                <!-- Insert your subtemplate content here -->
                <p><a href="www.baidu.com">Morgan Inc.</a></p>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="rframe">
              <div class="subcr">
                <!-- Insert your subtemplate content here -->
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
          </div>
          <h3 class="hideme">Summing up</h3>
          <div class="subcolumns equalize no-ie-padding box-bottom">
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subcl"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic One</span></a></div>
            </div>
            <div class="lframe">
              <div class="subc"><a href="#" class="noprint">&nbsp<span class="hideme"> about Topic Two</span></a></div>
            </div>
            <div class="rframe">
              <div class="subcr"><a href="#" class="noprint">&rarr; more<span class="hideme"> about Topic Tree</span></a></div>
            </div>
          </div>
        
        
        </div>
        <div id="ie_clearing">&nbsp;</div>
        <!-- End: IE Column Clearing -->
      </div>
      <!-- end: #col1 -->

    </div>
    <!-- begin: #footer -->
    <div id="footer" role="contentinfo">Footer with copyright notice and status information<br />
      Layout based on <a href="http://www.yaml.de/">YAML</a> </div>
  </div>
</div>
<!-- full skiplink functionality in webkit browsers -->
<script src="../yaml/core/js/yaml-focusfix.js" type="text/javascript"></script>
</body>
</html>
